<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<html>
<head>
    <title>礼品卡</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" href="javascript:void(0);" onclick="window.history.go(-1)">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white'>优惠券和礼卡</h1>
    </header>
    <!-- top bar end-->

    <!--menu begin-->
    <nav class="bar bar-tab course-info-bar-tab">
        <a class="tab-item external" href="javascript:void(0);">
            <span class="fs4 vam">有实体卡，请点击手动激活</span>
        </a>
        <a class="tab-item external cInfo-price-bx" id="manualActivation" href="javascript:void(0);">
            <span>手动激活</span>
        </a>
    </nav>
    <!--menu end-->

    <div class="content ovf">
        <div class="wm-buttons-tab__wrap">
            <div class="buttons-tab wm-buttons-tab">
                <a th:href="@{/mobile/uc/op/coupon/myCoupons}" class="button">优惠券</a>
                <a href="javascript:void(0);" class="button active">礼卡</a>
            </div>
        </div>
        <div class="page-infinite__wrap courses-list-page__wrap">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="tab content infinite-scroll native-scroll active" data-type="native" data-distance="100">
                    <div class="content-padded pb5 mb5">
                        <ul class="my-order-list" id="card-list-box">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--手动激活弹出框 开始-->
    <textarea id="manualActivationPop" class="hide">
        <div class="card-content-inner">
            <div class="list-block">
                <ul class="lr-content__wrap">
                    <li>
                        <div>
                            <div class="item-input form-control pr">
                                <span class="lr-tel-ico">
                                    <em class="iconfont icon-shoujihao"></em>
                                </span>
                                <input id="code" placeholder="请输入卡号" type="text">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div>
                            <div class="item-input form-control pr">
                                <span class="lr-tel-ico">
                                    <em class="iconfont icon-mima"></em>
                                </span>
                                <input id="codePwd" placeholder="请输入卡密码" type="password">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </textarea>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/op/giftcard/u-giftcard.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>